<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script>
    <script type="text/javascript " src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<style>
    /*.form-inline .form-group{*/
    /*    display: inline-block;*/
    /*}*/
    .form-group input{
        width:75%;
        display: inline-block;
    }
    #table{
        width: 1100px;
    }

    .table-striped tbody tr:nth-child(odd) td{
        background-color: #D4E6F1;
    }
</style>
<body>
<div class="container">
    <form action="" >
                <div class="col-lg-2 col-md-3 col-xs-12 form-group">
                    <label for="p" class=" control-label" >账号:</label>
                        <input  id="p" type="text" class="form-control" >
                </div>
                <div class="col-lg-2 col-md-3 col-xs-12 form-group">
                    <label for="">昵称:</label>
                     <input type="text" class="form-control">
                </div>
                <div class="col-lg-2 col-md-3 col-xs-12 form-group">
                    <label for="">姓名:</label>
                     <input type="text" class="form-control">
                </div>
                <div class="col-lg-2 col-md-3 col-xs-12 form-group">
                    <label for="">手机:</label>
                     <input type="text" class="form-control">
                </div>
                <div class="col-lg-2 col-md-3 col-xs-12 form-group">
                    <label for="d">状态:</label>
                     <select name="" id="d" class="form-control" style="width: 75%;display: inline-block">
                    <option value="">正常</option>
                    <option value="" style="color: red">停用</option>
                    <option value="" style="color: #ff6700">冻结</option>
                </select>
                </div>
                <div class="col-lg-2 col-md-3 col-xs-12 ">
                    <buttn class="btn btn-primary"><a href="test2.html" style="color: white">新增</a></buttn>
                    <input type="button" value="重置" class="btn btn-warning">
                </div>
<!--            <div class="col-lg-2"></div>-->
    </form>
    <div id="#table" style="width: 100%;overflow: auto">
        <div style="min-width: 800px">
        <table class="table table-bordered table-striped table-hover">
        <tr>
            <td></td>
            <td>登录账号</td>
            <td>用户昵称</td>
            <td>员工姓名</td>
            <td>归属机构</td>
            <td>归属公司</td>
            <td>电子邮箱</td>
            <td>手机号码</td>
            <td>办公电话</td>
            <td>更新时间</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1</td>
            <td>user6</td>
            <td>用户06</td>
            <td>用户06</td>
            <td>财务部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>2</td>
            <td>user13</td>
            <td>用户13</td>
            <td>用户13</td>
            <td>研发部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>3</td>
            <td>user1</td>
            <td>用户01</td>
            <td>用户01</td>
            <td>企管部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>4</td>
            <td>user4</td>
            <td>用户04</td>
            <td>用户04</td>
            <td>财务部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>5</td>
            <td>user2</td>
            <td>用户21</td>
            <td>用户21</td>
            <td>研发部</td>
            <td>青岛公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>6</td>
            <td>user14</td>
            <td>用户14</td>
            <td>用户14</td>
            <td>研发部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        <tr>
            <td>7</td>
            <td>user7</td>
            <td>用户07</td>
            <td>用户07</td>
            <td>研发部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>8</td>
            <td>user10</td>
            <td>用户10</td>
            <td>用户10</td>
            <td>研发部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>9</td>
            <td>user3</td>
            <td>用户03</td>
            <td>用户03</td>
            <td>企管部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>
        <tr>
            <td>10</td>
            <td>user12</td>
            <td>用户12</td>
            <td>用户12</td>
            <td>研发部</td>
            <td>济南公司</td>
            <td>user@test.com</td>
            <td>18566666666</td>
            <td>05188888888</td>
            <td>2020-12-09&nbsp;09:51</td>
            <td class="g">正常</td>
            <td class="r">▤</td>
        </tr>

    </table>
        </div>
    </div>
        <ul class="pagination">
            <li><a href="#">Prev</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">Next</a></li>
        </ul>
</div>
</body>
</html>